//flex布局复用
@mixin flex($hov: space-between, $col: center) {
  display: flex;
  justify-content: $hov;
  align-items: $col;
}
@mixin bgImg($w: 0, $h: 0, $img: "", $size: contain) {
  display: inline-block;
  width: $w;
  height: $h;
  background: url($img) no-repeat center;
  background-size: $size;
}
@mixin position($pos: absolute, $top: 0, $left: 0, $w: 100%, $h: 100%) {
  position: $pos;
  top: $top;
  left: $left;
  width: $w;
  height: $h;
}
@mixin juzhong($pos: absolute, $top: 50%, $left: 50%) {
  position: $pos;
  top: $top;
  left: $left;
  transform: translate(-50%, -50%);
}
@mixin positionImg($pos: absolute, $top: 0, $right: 0, $w: 0, $h: 0, $img: "") {
  position: $pos;
  top: $top;
  right: $right;
  width: $w;
  height: $h;
  background: url($img) no-repeat center;
  background-size: contain;
}
@mixin height($h: 0, $lh: $h) {
  height: $h;
  line-height: $lh;
}
@mixin wH($w: 0, $h: 0) {
  width: $w;
  height: $h;
}
@mixin border($bw: 1px, $bc: $colorF, $bs: solid) {
  border: $bw $bs $bc;
}
